<template>
    <!-- 1 .number修饰符-把值parseFloat转数值再赋予给v-model对应的变量
         2 .trim修饰 - 去除首尾两边空格
         3 .lazy修饰符 - 失去焦点内容改变时(onchange事件), 把内容同步给v-model的变量 -->
  <div>
    <div>
      <span>姓名:</span>
      <input type="text" v-model.number="btn">
    </div>
    <div>
      <span>年龄(去除首尾两边空格):</span>
      <input type="text" v-model.trim="btn1">
    </div>
    <div>
      <span>自我介绍(失去焦点内容改变时):</span>
      <textarea v-model.lazy="info"> </textarea>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      btn:'',
      btn1:"",
      info:''
    }
  }
}
</script>